<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Piece - 404</title>
    <script th:inline="javascript">ctx = [[${ctx}]];</script>
    <link th:href="${ctx}+'lib/bootstrap/bootstrap.min.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'lib/font-awesome/css/font-awesome.css'" rel="stylesheet" type="text/css">
    <link th:href="${ctx}+'css/animate.min.css'" rel="stylesheet" type="text/css"/>
    <link th:href="${ctx}+'css/style.min.css'" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="middle-box text-center animated fadeInDown err-404">
    <h1>404</h1>
    <h2 class="font-bold">页面未找到！</h2>
    <div class="error-desc">
        抱歉，页面好像去火星了~
        <form class="form-inline m-t" action="#" role="form" target="_blank">
            <div class="form-group">
                <input type="text" class="form-control" placeholder="请输入您需要查找的内容 …">
            </div>
            <button type="submit" class="btn btn-success">搜索</button>
        </form>
        <a href="#" onclick="home();" class="btn btn-default btn-sm m">主页</a>
    </div>
</div>
<script th:src="${ctx}+'lib/jquery/jquery.min.js?v=2.1.4'" type="text/javascript"></script>
<script th:src="${ctx}+'lib/bootstrap/bootstrap.min.js?v=3.3.6'" type="text/javascript"></script>
<script th:inline="javascript">
    function home() {
        top.window.location = ctx;
    }
</script>

</body>
</html>
